import { createRouter, createWebHistory } from "vue-router";

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: "/data",
      component: () => import("../pages/data.vue"),
    },
    {
      path: "/computed",
      component: () => import("../pages/computed.vue"),
    },
    {
      path: "/lifecycle",
      component: () => import("../pages/lifecycle.vue"),
    },
    {
      path: "/watch",
      component: () => import("../pages/watch.vue"),
    },
    {
      path: "/ref",
      component: () => import("../pages/ref.vue"),
    },
    {
      path: "/components",
      component: () => import("../pages/components.vue"),
    },
    {
      path: "/provide",
      component: () => import("../pages/provide.vue"),
    },
    {
      path: "/time",
      component: () => import("../pages/time.vue"),
    },
    {
      path: "/time2",
      component: () => import("../pages/time2.vue"),
    },
    {
      path: "/router",
      component: () => import("../pages/router.vue"),
    },
    {
      path: "/detail/:id",
      component: () => import("../pages/detail.vue"),
    },
    {
      path: "/store",
      component: () => import("../pages/store.vue"),
    },
  ],
});

export default router;
